<script setup lang="ts">
import { ref } from 'vue'
const text = ref('')
const textarea = ref('')
</script>

<template>
<!--咨询内容-->
  <div class="box">
      <div class="titTime">
          <img src="@/assets/images/咨询内容.png" alt="" class="titImg">
          <span>咨询内容</span>
      </div>
      <div class="consultationBox">
          <el-input
                  v-model="textarea"
                  maxlength="300"
                  :rows="4"
                  style="width: 100%"
                  placeholder="请您写下想要咨询的问题"
                  show-word-limit
                  type="textarea"
                  class="inputText"
          />
      </div>
  </div>
</template>

<style scoped>
.titTime {
    .titImg {
        margin-right: 2%;
        width: 7%;
        height: 7%;
        vertical-align: bottom;
    }
}
.consultationBox {
    margin-top: 3%;
    padding: 0 5%;
    width: 100%;
    height: 100%;
}

</style>